﻿<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>酒店详情</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=P6VrB5UEVvbu1wifaYtlMF2BDpgG13oX"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_utility.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/iss_app_configure.js?time=20171213174312"></script>
</head>
<body>
<div class="views">
    <div class="view view-main">
        <div class="pages navbar-fixed">
            <div id="hotel_detail_page" data-page="hotelDetail" class="page bg-white comdetail">
                <!-- navbar 开始 -->
                <div class="navbar theme-white">
                    <div class="navbar-inner">
                        <div class="left">
                            <a href="#" class="link" data-href="hotel.html" data-action="back"><i class="icon icon-back">
                            </i><span>返回</span></a></div>
                        <div class="center">
                            酒店详情</div>
                        <div class="right">
                        </div>
                    </div> 
                </div>
                <!-- navbar page-content -->
                <div class="page-content">
                        <span class="hotel_info">
                            <script id="template-hotel-detail" type="text/template7">
                            <div id="swiper" class="swiper-container swiper-hotelDetail scenic">
                            <div class="swiper-wrapper">
                                <!-- Lazy image -->
                                {{#js_compare "this.getImage.imageList.length>0"}}
                                {{#each this.getImage.imageList}}
                                   <div class="swiper-slide" style="background-image: url({{middleImgSrc}});">
                                    </div>
                                 {{/each}}
                                 {{else}}
                                 <div class="swiper-slide" style="background-image:url({{getImage.middleImageFrontUrl}});"></div>
                                {{/js_compare}}
                            </div>
                                <!--遮罩-->
                            <div class="mask"></div>
                            <div class="detail-tit">
                        	    <h2>{{cnName}}</h2>
                                {{#js_compare "this.isCountryRate === true"}}
                                <div class="hotel-level level-{{hotelStarNo}}"></div>
                                {{else}}
                                <div class="hotel-level-diamond level-{{hotelStarNo}}"></div>
                                {{/js_compare}}
                            </div>
                               <div class="swiper-pagination"></div>
                            </div>

                            {{#js_compare "this.roomList.length>0"}}
                            <div class="ticket-list">
                    	        <ul>
                                    {{#each roomList}}
                        	        <li>
                            	        <span class="ticket-name">{{cnName}}</span>
                                        {{#js_compare "this.isReserve === 1"}}
                                            <a href="#" class="btn-booking" data-href="../../view/booking/hotelBooking.html?ShopCode={{hotelCode}}&ProductCode={{code}}&HotelName={{cnName}}{{bedType}}" data-action="fw7">预订</a>
                                        {{/js_compare}}
                                        <span class="ticket-price">&yen;{{roomAvgPrice}}</span>
                                    </li>
                                    {{/each}}
                                </ul>
                            </div>
                            {{/js_compare}}

                            <div class="info-box">
                            <div class="content-block-title" id="asdf">地址</div>
                            <div class="content-block">
                                <p>{{address}}</p>
                            </div>
                            <div class="content-block-title">电话</div>
                            <div class="content-block">
                                <p>{{telephone}}</p>
                            </div>
                            </div>

                            <div class="info-box">
                            <div class="content-block-title">酒店简介</div>
                            <div class="content-block">
                                {{#js_compare "this.shortsummary!=''"}}
                                <p  class="short">{{shortsummary}}</p>
                                <p style="display:none" class="all">{{summary}}</p>
                                <a href="#" class="more">查看全部<i class="iconfont icon-gengduo"></i></a>
                                {{else}}
                                <p>{{summary}}</p>
                                {{/js_compare}}

                                <!--<a href="#" class="more">收起全部<i class="iconfont icon-shouqi"></i></a>-->
                            </div>
                                <div class="content-block">
                                    <iframe id="map" style="width: 100%; height: 180px; display: block;" src="../../view/map/mapIframe.html?name={{cnName}}&lng={{longitude}}&lat={{latitude}}" frameborder="0" scrolling="no"></iframe>
                                </div>
                            </div>

                            {{#js_compare "this.roomList.length>0"}}
                            <div class="info-box">
                                <div class="content-block-title">酒店房型</div>
                                <div class="content-block">
                                    <div class="row">
                                        {{#each roomList}}
                                        <a href="#" class="col-33">
                                	        <div class="room-img">
                                    	        <img cnName={{cnName}} imageList="{{getImage.imageList1}}" src="{{getImage.smallImageFrontUrl}}" />
                                                <p>{{getImage.imageList.length}}张</p>
                                            </div>
                                            {{cnName}}
                                        </a>
                                        {{/each}}
                                    </div>
                                </div>
                            </div>
                            {{/js_compare}}
                            </script>
                            <div style="margin: 30% 30% 0 45%">
                                <span style="width: 42px; height: 42px" class="preloader"></span>
                                <br />
                                加载中...
                            </div>
                        </span><span class="scenic_list" style="display: none;">
                            <div class="info-box">
                                <div class="content-block-title">
                                    附近景区</div>
                                <div class="content-block surround">
                                    <div class="row">
                                        <!--<a href="#" class="col-33">
                                            <div class="surround-img" style="background-image: url(http://hiphotos.baidu.com/lvpics/pic/item/a83627128deb063df919b8fa.jpg)">
                                            </div>
                                            <p>
                                                {{cnName}}</p>
                                            <span>距离2km</span> </a>-->
                                    </div>
                                </div>
                            </div>
                        </span>
                </div>
                <!-- end page-content -->
            </div>
        </div>
        <!-- end pages -->
    </div>
    <!-- end pages-->
</div>
<!-- end view-main-->
<!-- 外部链接 -->
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<!-- Framework7 Library JS-->
<script type="text/javascript" src="../../assets/js/base/framework7.min.js?time=20171213174312"></script>
<!-- Api -->
<script type="text/javascript" src="../../assets/js/base/iss_api_jquery.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>
<!-- App js-->
<script type="text/javascript" src="../../assets/js/common/iss_app.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/common/iss_app_common_user.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/common/iss_app_convertor.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/common/iss_view_login.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/map/MapIframe/IframeForGoto.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/common/iss_app_common_orders.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/common/iss_view_booking_hotel.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/common/iss_view_booking_payresult.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/common/iss_wxpay_service.js?time=20171213174312"></script>
</body>
</html>
